// 复选框-------------------------------当全选按钮被点击，剩下的全部点击
$("#in1").click(function(){
	// 这种方法只能点击一次
	// $("input").attr("checked","checked");
	
	// 这种方法是点击一次，判断这个框有没有被选中，被选中了，则下面的所有框都被选中，若没有被选中，则所有的input框都不被选中
	// prop()获取匹配的元素的属性值  ！！属性值
	 if ($(this).prop("checked")) {  //为真
	        $("input").attr("checked", true);
	    } else {    //为假
	        $("input").attr("checked", false);
	    }
})


// 1.---------------------------------获取详情页存储的数量值
	let ss1 = sessionStorage;
	let count = ss1.getItem("num"); //取出详情页点击时存的数量
	$(".count").html(count); //把取出来的值赋给这里的span标签 
	// 存数量
	ss1.setItem("ordercount",$(".count").html());
let end;
	// 定义一个全局变量(span里面的值)
	let num1 = $(".count").html();
	// 从前面获取的值也付给几件商品
	$(".num").html($(".count").html()) ;
	// 2.-------2.点击下一个按钮，获取刚开始的值，进行++
	$(".next").click(function() {
		$(".count").html(++num1);
		// 存数量
		ss1.setItem("ordercount",$(".count").html());
		
		// 4.----把获取的值再赋给几件商品里面的span
		$(".num").html($(".count").html()) ;
		
		// 求小计--------当页面加的时候，再乘
		 end = $(".count").html()
		 let danjia =Number($(".singleprice").html());
		 let nums =Number(end);
		 let mult = danjia * nums;
		 $(".xiaoji").html(mult);
		 
		 // 存小计
		 ss1.setItem("orderxiaoji",$(".xiaoji").html())
		
	})


	// 3.----点击上一个按钮，如果大于1，进行--，别的情况，直接让内容等于1就好了
	$(".prev").click(function() {
		if (num1 > 1) {
			$(".count").html(--num1);
			
			// 求小计--------当页面减的时候，再乘
			end = $(".count").html()
			let danjia =Number($(".singleprice").html());
			let nums =Number(end);
			let mult = danjia * nums;
			$(".xiaoji").html(mult);
			
			// 存数量
			ss1.setItem("ordercount",$(".count").html());
			// 存小计
			ss1.setItem("orderxiaoji",$(".xiaoji").html());
			
		} else {
			$(".count").html(1);
			
			// 存小计
			ss1.setItem("orderxiaoji",$(".xiaoji").html())
		}
		
		// 4.----把获取的值再赋给几件商品里面的span
		$(".num").html($(".count").html()) ;
		 end = $(".count").html()
	})
	


	
	// 5.------点击删除时，查找它所在的父元素，将那一行全部删除
	// closest()方法：查找父级元素，比parent()好用
	$("#delete").click(function(){
		$(this).closest($("#center")).remove();
		
		// 点击删除时，几件商品值变为0
		$(".num").html(0) ;
	})



//--------------------------------- 获取购物车页的图片等信息
let list_index = ss1.getItem("listindex");
// console.log(list_index);

$.get("./php/5buy.php",{
	index:list_index//这块注意，是以键值对的形式发送数据的！！，且不能用;

},function(resText){
	console.log(resText)
	let arr = resText.split("#");
	console.log(arr);
	
	$("#center img").attr("src",`./imgs/list-${arr[0]}.jpg`);
	$("ul .ename").html(`${arr[1]}`);
	$("ul .counts").html(`${arr[2]}`);
	$("#danjia .singleprice").html(`${arr[3]}`);
	
	// ------求小计---------,让刚开始页面获取到的时候就乘一次，
	let end =  $(".count").html();
	let danjia =Number($(".singleprice").html());
	let nums =Number(end);
	let mult = danjia * nums;
	$(".xiaoji").html(mult);
	
	// 存小计
	ss1.setItem("orderxiaoji",$(".xiaoji").html())

	
	
	// 获取到他购物车中的信息，传给下一个页面
	let orderimgsrc = $("#center img").attr("src");
	let orderename = $("ul .ename").html();
	let ordercounts = $("ul .counts").html();
	let orderdanjia = $("#danjia .singleprice").html();
	
	ss1.setItem("orderimgsrc",orderimgsrc);
	ss1.setItem("orderename",orderename);
	ss1.setItem("ordercounts",ordercounts);
	ss1.setItem("orderdanjia",orderdanjia);
	
	
	
})



// ----点击立即结算,如果之前登录了，并且能获取到他的值，则跳转到下一页，否则，就弹出那个框
$(".pay").click(function(){
	let name = ss1.getItem("name");
	let pwd = ss1.getItem("pwd");
	if(name && pwd){
		location.href = "6.order.html";
	}else{
		$("#Tbox").fadeIn();
		$("#shadow").fadeIn();
	}

})
